<template>
    <div class="home-page">
        <div class="bg-box"></div>
        <div class="page-inner">
            <p class="title">留言板</p>
            <a-textarea
                v-model="liuyan"
                class="textarea"
                placeholder="请输入"
                :auto-size="{ minRows: 3, maxRows: 15 }"
            />
        </div>
    </div>
</template>

<script>
export default {
    name:'home',
    data(){
        return{
            liuyan:'',
        }
    },
    watch:{},
    mounted(){},
    metheds:{}
}
</script>

<style lang="less" scoped>
.home-page {
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #F0F2F5;
  padding: 20px;
  .bg-box {
    width: 100%;
    height: 427px;
    background-image: url("../../../static/images/bg_title.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: -132px;
    z-index: 1;
  }
  .page-inner{
    position: relative;
    z-index: 10;
    background-color: #fff;
    z-index: 10;
    height: 100%;
    border-radius: 8px;
    padding: 20px;
    .title{
        text-align: center;
    }
  }
}
</style>